﻿<html>
<head>
    <script src="jquery-ui-1.11.2.custom/external/jquery/jquery.js"></script>
    <script src="jquery-ui-1.11.2.custom/jquery-ui.js"></script>
    <link href="jquery-ui-1.11.2.custom/jquery-ui.css" rel="stylesheet" />
    <script src="yjqueryuiUtils.js" type="text/javascript"></script>
    <style>
        html {
            font-size: 10px;
        }
    </style>
    <script>
        $(document).ready(function () {
            yjqueryuiUtils.tab.addIframe('tabs');
        });
    </script>
</head>
<body>
    <div id="tabs">
        <ul>
            <li><a href="#tabs-1" id="tab1" rel="http://www.baidu.com">baidu</a></li>
            <li><a href="#tabs-2" id="tab2" rel="http://www.microsoft.com">microsoft</a></li>
            <li><a href="#tabs-3" id="tab3" rel="http://www.bing.com">bing</a></li>
        </ul>
        <div id="tabs-1">
        </div>
        <div id="tabs-2">
        </div>
        <div id="tabs-3">
        </div>
    </div>
</body>
</html>